苹果的retina屏幕（视网膜屏幕）为什么看起来那么爽？因为它的分辨率极高，可以达到眼睛几乎看不出来的地步。举个例子，一个1像素的点，普通屏幕会用1个像素格去表示，而retina屏幕则不是，iPhone5/6/7/8等机型会用4个像素格（2 ...

关于专题【vue开发音乐App】 本篇记录vue项目在初始化阶段推荐配置的基础样式结构，例如reset重置样式、基础样式、公用图标、公共的颜色/字体变量等。这些基础样式（结构）将为后续开发带来极大的便利，使代码语义明确、条理清晰、易于维护。 ...

关于专题【vue开发音乐App】 轮播图属于基础组件，所以归纳到src/base/slide里面，新建slide.vue 一、html部分 ...

关于专题【vue开发音乐App】 页面成功加载数据之前给用户展示一个loading动画（提示正在加载）可以增强用户体验，下面将该功能封装成自定义组件，便于日后开发调用。loading属于基础组件，所以归纳在src/base/loading下 ...

关于专题【vue开发音乐App】 何为listview？简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……，本文介绍的listview组件具备以下特性： 列表数据按照一定的分组依据（如热门、A、B、C ...

关于专题【vue开发音乐App】 本篇介绍底部快捷控件的环形进度条的实现方法：通过svg绘制两个环，线条模糊的环作为背景、线条明亮的环根据传入的百分比绘制相应长度（即进度）。该组件同样属于基础组件，在src/base/progress-ci ...

CSS 布局本质就是控制元素的位置和大小。比如这样的布局：元素宽960px，水平居中。宽960px是大小。水平居中是位置。又如这样的布局：两个元素在一行，左侧元素固定宽200px，右侧元素撑满剩余空间。固定宽200px，撑满剩余空间是大小。 ...

css盒子模型 css和模型有两种，第一种是标准盒子模型（content-box），另一种是怪异盒子模型（IE,border-box）。标准盒子模型的盒子宽度width = contentWidth + paddingLeft + pad ...

1. float+overflow:hidden 这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性，所以需要设置 ...

新增的元素我的学习交流群点击：web前端学习交流群html5新增了一些语义化更好的标签元素。结构元素article元素，表示页面中的一块与上下文不相关的独立内容，比如博客中的一篇文章。aside元素，表示article内容之外的内容，辅助信 ...